		<div class="container">
			{$leftMenu}
			
			<div class="right-container">
				<h2 class="title">{$vehicleDto->vehicle_name}</h2>
				
				<div class="gallery">
					<div class="large-pic" id="large_pic">
						<table width="100%" height="100%" cellpadding="0" cellspacing="0">
							<tr>
								<td align="center" valign="middle"><a id="effect_big" href="{$oneImageUrl}"><img id="big_picture" src="{$oneImageUrl}" alt="{$vehicleDto->vehicle_name}" height="292" width="390"/></a></td>
							</tr>
						</table>
					</div>
					<div class="list-pics">
						<table width="100%">
							<td width="5%"><a href="{$arrowPreLink}"><img src="{$arrowPre}" alt="Pre" /></a></td>
							<td width="90%">
								<div id="gallery" >
									{$listPhotos}
								</div>
							</td>
							<td width="5%"><a href="{$arrowNexLink}"><img src="{$arrowNex}" alt="Next" /></a></td>
						</table>
					</div>
					<div class="clearboth"></div>
				</div>
				
				<div id="auction-specs" name="auction-specs" class="auction-specs" >
					<div class="tabs">
						<a class="active" href="#"><span>Vehicle Information</span><span class="tail"></span></a>
						<a href="#" onclick="activeVideo();"><span>Video</span><span class="tail"></span></a>
						<a href="#" onclick="activeCompany();"><span>Company</span><span class="tail"></span></a>
						<div class="clearboth"></div>
					</div>
					<div class="specs">
						<div class="vehicle">
							<table width="100%">
								<tr>
									<td width="30%">Item#</td>
									<td width="70%">{$auctionDto->auction_id}</td>
								</tr>
								<tr>
									<td width="30%">Lot number</td>
									<td width="70%">{$vehicleDto->lot_num}</td>
								</tr>
								<tr>
									<td width="30%">Vehicle Type</td>
									<td width="70%">{$cate}</td>
								</tr>
								<tr>
									<td width="30%">Year</td>
									<td width="70%">{$vehicleDto->year}</td>
								</tr>
								<tr>
									<td width="30%">Make</td>
									<td width="70%">{$make}</td>
								</tr>
								<tr>
									<td width="30%">Model Group</td>
									<td width="70%">{$model_group}</td>
								</tr>
								<tr>
									<td width="30%">Model Detail</td>
									<td width="70%">{$model_detail}</td>
								</tr>
								<tr>
									<td width="30%">Body Style</td>
									<td width="70%">{$vehicleDto->body_style}</td>
								</tr>
								<tr>
									<td width="30%">Color</td>
									<td width="70%">{$vehicleDto->color}</td>
								</tr>
								<tr>
									<td width="30%">Damage Description</td>
									<td width="70%">{$damage}</td>
								</tr>
								<tr>
									<td width="30%">Secondary Damage</td>
									<td width="70%">{$damage2}</td>
								</tr>
								<tr>
									<td width="30%">Sale Title Type</td>
									<td width="70%">{$saletitle}</td>
								</tr>
								<tr>
									<td width="30%">Has Keys</td>
									<td width="70%">{$hasKey}</td>
								</tr>
								<tr>
									<td width="30%">VIN</td>
									<td width="70%">{$vehicleDto->vin}</td>
								</tr>
								<tr>
									<td width="30%">Odometer</td>
									<td width="70%">{$vehicleDto->odometer}</td>
								</tr>
								<tr>
									<td width="30%">Odometer Brand</td>
									<td width="70%">{$vehicleDto->odometer_brand} </td>
								</tr>
								<tr>
									<td width="30%">Lot ACV</td>
									<td width="70%">{$vehicleDto->lot_acv}</td>
								</tr>
								<tr>
									<td width="30%">Repair cost</td>
									<td width="70%">{$vehicleDto->repair_cost}</td>
								</tr>
								<tr>
									<td width="30%">Engine</td>
									<td width="70%">{$vehicleDto->engine}</td>
								</tr>
								<tr>
									<td width="30%">Drive</td>
									<td width="70%">{$drive}</td>
								</tr>
								<tr>
									<td width="30%">Transmission</td>
									<td width="70%">{$vehicleDto->transmission}</td>
								</tr>
								<tr>
									<td width="30%">Fuel Type</td>
									<td width="70%">{$fuel}</td>
								</tr>
								<tr>
									<td width="30%">Cylinders</td>
									<td width="70%">{$vehicleDto->cylinder}</td>
								</tr>
								<tr>
									<td width="30%">Runs/Drives</td>
									<td width="70%">{$runs_drives}</td>
								</tr>
								<tr>
									<td width="30%">Special Note</td>
									<td width="70%">{$vehicleDto->special_note}</td>
								</tr>
							</table>
						</div>
						<div class="auction">
							<table width="100%">
								<tr>
									<td>Sale Status</td>
									<td>{$auctionDto->status}</td>
								</tr>
								<tr>
									<td>Sale Title State</td>
									<td>{$state}</td>
								</tr>
								<tr>
									<td>Sale Date </td>
									<td>{$auctionDto->start_date}</td>
								</tr>
								<tr>
									<td>Buy now Price</td>
									<td>{$auctionDto->buy_now_price}</td>
								</tr>
								<tr>
									<td>Starting Bid</td>
									<td>{$auctionDto->starting_bid}</td>
								</tr>
								<tr>
									<td>Minimum Bid Increments</td>
									<td>{$auctionDto->min_bid}</td>
								</tr>
								<tr>
									<td>End date</td>
									<td>{$auctionDto->end_date}</td>
								</tr>
								<tr>
									<td colspan="2" class="current-bid">Current Bid: <font color="#ea0105">$ {$auctionDto->current_bid}</font></td>
								</tr>
								<tr>
									<td>Your Maximum Bid:</td>
									<td class="your-bid" >
										<form name="bidForm"  enctype="multipart/form-data" method="post">
											$ <input name="bid_amount" id="bid_amount" type="text" class="input-price" /> USD<br />
											Your Bid must be greater than $100 USD<br />
											{$buttonBid}
											
											<div id="overlay1" style="z-index=9999; width:100%; height:100%; position: absolute; background-color:#000; top: 0px; left:0px; visibility:hidden;opacity:0.99;filter:alpha(opacity=80); color: #FFF">
												{$guideline}
											</div> 	
											<div id="overlay2" style="z-index=9999; width:100%; height:100%; position: absolute; background-color:#000; top: 0px; left:0px; visibility:hidden;opacity:0.99;filter:alpha(opacity=80); color: #FFF">
												{$confirmDeposit}
											</div> 						
											<div id="overlay3" style="z-index=9999; width:100%; height:100%; position: absolute; background-color:#000; top: 0px; left:0px; visibility:hidden;opacity:0.99;filter:alpha(opacity=80); color: #FFF">
												{$infoSuccess}
											</div> 										
										</form>
	
									</td>
								</tr>
							</table>
						</div>
						<a class="link-video" href="#" onclick="activeVideo();">Click here to watch video about this vehicle</a>
						<div class="clearboth"></div>
					</div>
				</div>
				
				
				<div id="video" name="video" class="video" 	>
					<div class="tabs">
						<a href="#" onclick="activeSpec();"><span>Vehicle Information</span><span class="tail"></span></a>
						<a class="active" href="#"><span>Video</span><span class="tail"></span></a>
						<a href="#" onclick="activeCompany();"><span>Company</span><span class="tail"></span></a>
						<div class="clearboth"></div>
					</div>
					<div class="specs">
						{$videoTab}
						<div class="clearboth"></div>
					</div>
				</div>
				
				<div id="company" name="company" class="company" >
					<div class="tabs">
						<a href="#" onclick="activeSpec();"><span>Vehicle Information</span><span class="tail"></span></a>
						<a href="#" onclick="activeVideo();"><span>Video</span><span class="tail"></span></a>
						<a class="active" href="#"><span>Company</span><span class="tail"></span></a>
						<div class="clearboth"></div>
					</div>
					<div class="specs">
						{$companyTab}
						<div class="clearboth"></div>
					</div>
				</div>
		
				{$otherAuctions}
				
			</div>
			
			<div class="clearboth"></div>
		</div>


	<script type="text/javascript">
			$('div#auction-specs').show();
			$('div#video').hide();
			$('div#company').hide();
	
			function activeSpec(){
				$('div#auction-specs').show();
        		$('div#video').hide();
        		$('div#company').hide();
			}

			function activeVideo(){
				$('div#auction-specs').hide();
        		$('div#video').show();
        		$('div#company').hide();
			}

			function activeCompany(){
				$('div#auction-specs').hide();
        		$('div#video').hide();
        		$('div#company').show();
			}
	
	        function activePanel1() {
	        	var bid_amount = $('#bid_amount').val(); 
	       		if (validateBid(bid_amount)){
	        		$('div#overlay1').css('visibility', 'visible');
	        		$('#footer-wrapper').hide();
			    }
        	}

        	function deactivePanel1() {
	        	 $('div#overlay1').css('visibility', 'hidden');
	        	 $('div#footer-wrapper').show();
        	}

        	function activePanel2() {
        		var bid_amount = $('#bid_amount').val(); 
	       		if (validateBid(bid_amount)){
				    $('div#overlay2').css('visibility', 'visible');
	        	 	$('#footer-wrapper').hide();
			    }
	       	}
	       	function deactivePanel2() {
	        	 $('div#overlay2').css('visibility', 'hidden');
	        	 $('div#footer-wrapper').show();
	       	}
	       	
        	function activePanel3() {
	        	 $('div#overlay3').css('visibility', 'visible');
	        	 $('#footer-wrapper').hide();
	        	 
	       	}
	       	function deactivePanel3() {
	        	 $('div#overlay3').css('visibility', 'hidden');
	        	 $('div#footer-wrapper').show();
	        	 location.reload(true);
	       	}  

	       	function processBid(bidder, auction_id, deposit){
		       	deactivePanel1(); 
	       		deactivePanel2(); 
	       		var bid_amount = $('#bid_amount').val(); 
	       		if (validateBid(bid_amount)){
		       		$.ajax({
						url: "{$bidProcessLink}",
						data: "bid_amount="+bid_amount+"&bidder="+bidder+"&auction_id="+auction_id+"&deposit="+deposit,					
						success: function(msg) {
							 
						}
					});	
		       		activePanel3();
		       	}
	       	}

	       	function validateBid(bid_amount){
				var result = true;
	       		if (bid_amount == ''){
	       			alert('You must enter a value');
	       			result = false;
		       	} else if (bid_amount < 100){
		       		alert('Your Bid must be greater than $100 USD');
		       		result = false;
		       	} else if (bid_amount <= {$auctionDto->current_bid}){
		       		alert('Your Bid must be greater than current bid');
		       		result = false;
		       	} else if (bid_amount < {$auctionDto->min_bid}){
		       		alert('Your Bid must be greater than $ {$auctionDto->min_bid} (for this auction)');
		       		result = false;
		       	}
		       	return result;
	       	}
	    </script>	
	    
	    
	    <script type="text/javascript">
		    $().ready(function() {
				$("#bid_amount").blur(function() {
					if ($("#bid_amount").val() < 100){
						alert('Your Bid must be greater than $100 USD');
					} else {
						if ($("#bid_amount").val() < {$auctionDto->current_bid}){
							alert('Your Bid must be greater than current bid');
						}
					}
				});		
			});
		</script>


<!-- script show Large image from gallery -->
<script type='text/javascript'>
	function changeImg( src ) {
		//Change big picture source
		document.getElementById("big_picture").src = src;
		document.getElementById("effect_big").href = src;
	}
</script>

<script type="text/javascript">
    $(function() {
        $('#large_pic a').lightBox();
    });
</script>

<script type="text/javascript" src="{$ext_folder}/jquery-lightbox-0.5/js/jquery.js"></script>
<script type="text/javascript" src="{$ext_folder}/jquery-lightbox-0.5/js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" href="{$ext_folder}/jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
